body{
    display: flex;
    flex-direction: column;
    background:url('../imgs/qq1.jpg') no-repeat;
    background-size: cover;
}
.myUser{
    // background-color: #E8E8E8 ;
    width: 100%;
    flex: 1;
    overflow-y: scroll;
    padding-bottom: 90px;
    .one{
        width: 100%;
        // height: 200px;
        background-color: rgba(255, 255, 255,0.5);
        padding-bottom: 20px;
        .One{
            .top{
                display: flex;
                justify-content: space-between;
                align-items: center;
                padding: 20px 0;
                div{
                    position: relative;
                    display: flex;
                    align-items: center;
                    #nickname{
                        font-size: 18px;
                    }
                    img{
                        width: 120px;
                        height: 120px;
                        border-radius: 60px;
                        border: 3px solid #4294ff;
                        overflow: hidden;
                        margin-right: 10px;
                        background-color: #bbbbbb;
                    }
                    .iconfont{
                        position: absolute;
                        bottom: -16px;
                        left: 90px;
                        font-size: 36px;
                    }
                    span{
                        font-size: 20px;
                    }
                }
                span{
                    font-size: 36px;
                    color: #000;
                }
            }
            p{
                color: rgb(138, 138, 138);
                font-size: 16px;
                text-align: left;
            }
        }
        
    }
    .two{
        width: 100%;
        line-height: 50px;
        background-color: rgba(255, 255, 255,0.5);
        margin: 20px 0;
        .Two{
            display: flex;
            justify-content: space-between;
            div{
                
                &:first-child{
                    .iconfont{
                        font-size: 30px;
                        color: #4294ff;
                    }
                    span{
                        font-size: 20px;
                    }
                }
                &:last-child{
                    .iconfont{
                        font-size: 24px;
                        font-weight: bold;
                    }
                }
            }
        }
    }
    .three{
        width: 100%;
        height: 150px;
        background-color: rgba(255, 255, 255,0.5);
        margin: 20px 0;
        .Three{
            .ThreeTop{
                display: flex;
                line-height: 50px;
                justify-content: space-between;
                div{
                    span{
                        &:first-child{
                            font-size: 30px;
                            color: #4294ff;
                        }
                    }
                    span{
                        font-size: 20px;
                    }
                }
                span{
                    font-size: 24px;
                    color: #000;
                }
            }
            .num{
                display: flex;
                justify-content: left;
                align-items: center;
                div{
                    width: 49%;
                    padding-left: 16px;
                    &:first-child{
                        border-right: 1px dashed #bbbbbb;;
                    }
                    p{
                        line-height: 30px;
                        &:last-child{
                            span{
                                font-size: 30px;
                                color: #4294FF;
                            }
                        }
                    }
                }
            }
        }
    }
    .four{
        width: 100%;
        background-color: rgba(255, 255, 255,0.5);
        margin: 20px 0;
        .Four{
            .FourTop{
                display: flex;
                line-height: 50px;
                justify-content: space-between;
                div{
                    span{
                        font-size: 20px;
                        &:first-child{
                            font-size: 34px;
                            color: #4294ff;
                        }
                    }
                }
                span{
                    font-size: 24px;
                    color: #000;
                }
            }
            
        }
        .num{
            padding-bottom: 20px;
            display: flex;
            justify-content: space-between;
            img{
                width: 100px;
                height: 100px;
                border-radius: 50px;
                background-color: #bbbbbb;
                overflow: hidden;
            }
        }
    }
    .logOut{
        width: 100%;
        color: #4294FF;
        line-height: 56px;
        font-size: 20px;
        text-align: center;
        background-color: rgba(255, 255, 255,0.5);
        margin: 20px 0;
    }
}